<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>社团中心</title>
  <link rel="stylesheet" href="./stylesheets/clubCenter.css" type="text/css" />
  <link rel="shortcut icon" href="./images/SAU-logo.png" type="image/x-icon">
 
 
</head>




<body >

    <!--这个是头部-->
      <iframe src="component/clubHead.html" class="clubHead" scrolling="no"></iframe>
    <div class="main">
 <!--这个是右边部分-->
 <div class="RightShadow"></div>
        <div class="RightHead">
            <div class="rightHeadPic"><img src="./images/touxiang.png" id="touxiang"></div>
            <div class="rightHeadTitle">棋牌社</div>
            <img src="images/edit_logo.svg" id="headEdit">
            <img src="images/edit_logo.svg" id="titleEdit">
         

        </div>


         <!--这个是右边正文部分-->
         
        <div class="rightSide">

        <!--这个是右边正文部分男女比例图片-->
         <div id="Boypic1"></div>
        <div id="Boypic2"></div>

         <!--这个是右边正文信息-->
         <div class="club">组织名称：</div><div id="clubName">棋牌社</div>
         <div class="time">成立时间：</div><div id="setTime">2001年10月5日</div>
         <div class="boss">现任主席：</div><div id="bossName">阿东</div>
         <div class="mail">主席邮箱：</div><div id="mailbox">13062980191@qq.com</div>
         <div class="IntroduceTitle">社团简介：</div>
         <div id="Introduce">学院摄影协会是学院大型社团之一，它成立于一九九六年十月,是在学院党委大力支持和团委直接指导下成立的,协会有新老会员达500多人,经过辉煌的十个春秋,现已形成了一定的规模和建立了良好的管理制度。自学校设立“十佳社团”的评比以来,摄影协会多次被批评为"十佳社团"，还曾经荣获“十佳社团”和“十佳会长”“双十佳”称号,取得了辉煌的成就。</div>
         
        </div>
    
        <!--更换头像-->
        <div id="headChange">
            <img src="images/kebi.jpg" class="zhezhao" id="zhezhao"><!--科比照片-->
            <a href="##"  class="wrapper" id="headPicChange"><input type="file" name="file" id="file"/><input type=”hidden” name=”_method” value=”put/> </a> 
            <div id="shuoming">
                点击选择图片上传</br>
                大小180*180像素</br>
                支持JPG、PNG格式</br>
                图片需小于2M
            </div>
            <a href="##"  id="up">保存图片</a>
            <a href="##"  id="x">x</a>
           
        </div>


         <!--编辑社团名称-->
        <div id="rightEdit">

            <div class="club1">组织名称：</div><input class="PUT" id="clubName1" name="clubName1" type="text" value="棋牌社">

            <div class="time1">成立时间：</div><input class="PUT" id="setTime1" name="setTime1" type="text" value="2001年10月5日">

            <div class="boss1">现任主席：</div><input class="PUT" id="bossName1" name="bossName1" type="text" value="阿东">

            <div class="mail1">主席邮箱：</div><input class="PUT" id="mailbox1" name="mailbox1" type="text" value="13062980191@qq.com">

            <div class="IntroduceTitle1">社团简介：</div>

            <textarea class="tx" name="tx" >学院摄影协会是学院大型社团之一，它成立于一九九六年十月,是在学院党委大力支持和团委直接指导下成立的,协会有新老会员达500多人,经过辉煌的十个春秋,现已形成了一定的规模和建立了良好的管理制度。自学校设立“十佳社团”的评比以来,摄影协会多次被批评为"十佳社团"，还曾经荣获“十佳社团”和“十佳会长”“双十佳”称号,取得了辉煌的成就。</textarea>


            <a href="##"  id="save">保存</a>

        </div>
       


         <!--这个是左边部分-->
      <iframe src="component/leftSide5.html" class="clubLeft" scrolling="no"></iframe>
               </div>


        
         <!--这个是底角-->
       <iframe src="component/clubFoot.html" class="clubFoot" scrolling="no"></iframe>


     
        
<script  type="text/javascript"  src="./javascripts/jquery-3.2.1.min.js"></script>   
<script  type="text/javascript"  src="./javascripts/echarts.min.js"></script>
<script  type="text/javascript"   src="./javascripts/clubCenter.js"></script>


 
</body>
</html>
